﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ZC.aspx.cs" Inherits="BookS.ZC" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
     <link href="css/zhu.css" rel="stylesheet"/>
</head>
<body>
     <form id="form1" runat="server">
    <div class="page no-navbar no-toolbar no-swipeback" data-page="register">
        <div class="page-content login-screen-content">
            <div class="image"></div>
            <div class="space"></div>
            <div class="login-box">
                 <div class="block">
                    
                     <h2>新用户注册</h2>
                </div>
                <div class="list">
                    <div class="zhu1">
                                <div class="zhu01"> <h3>用户名</h3> </div>
                                <div class="zhu02">
                                    <asp:TextBox ID="txtUserName" MaxLength="16" TextMode="SingleLine" runat="server" PlaceHolder="请输入用户名" Width="240px" Height="30px"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="用户名不能为空" ControlToValidate="txtUserName" Display="None"></asp:RequiredFieldValidator>
                                  </div>
                            </div>
                           
                      
                        
                                <div class="zhu1">
                                    <div class="zhu03"><h3>手机号</h3></div>
                                    <div class="zhu04">
                                        <asp:TextBox ID="txtMobileNumber" MaxLength="11" TextMode="SingleLine" runat="server" PlaceHolder="请输入手机号码" Width="240px" Height="30px"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="rfvMobileNumber" runat="server" ErrorMessage="手机号码不能为空" ControlToValidate="txtMobileNumber" Display="None"></asp:RequiredFieldValidator>
                                        <asp:RegularExpressionValidator ID="revMobileNumber" runat="server" ErrorMessage="手机号码格式不正确" ControlToValidate="txtMobileNumber" Display="None" ValidationExpression="^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$"></asp:RegularExpressionValidator>
                                    </div>
                                </div>
                            
                       
                            
                                <div class="zhu1">
                                    <div class="zhu05"><h3>密码</h3></div>
                                    <div class="zhu06">
                                        <asp:TextBox ID="txtPassword" MaxLength="32" TextMode="Password" runat="server" PlaceHolder="请输入密码" Width="240px" Height="30px"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ErrorMessage="密码不能为空" ControlToValidate="txtPassword" Display="None"></asp:RequiredFieldValidator>
                                    </div>
                                </div>
                            
                      
                            
                                <div class="zhu1">
                                    <div class="zhu07"><h3>验证码</h3></div>
                                    <div class="zhu08">
                                        <div class="row">
                                            <div class="col-50">
                                                <asp:TextBox ID="txtCaptcha" MaxLength="4" TextMode="SingleLine" runat="server" PlaceHolder="请输入验证码" Width="240px" Height="30px"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="rfvCaptcha" runat="server" ErrorMessage="验证码不能为空" ControlToValidate="txtCaptcha" Display="None"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="col-50">
                                                <img src="Ashx/CaptchaHandler.ashx" class="captcha" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
               
                <div class="btn2">
                    <div class="btn">
                       
                                <asp:ValidationSummary ID="vsRegister" runat="server" ShowMessageBox="True" ShowSummary="False" />
                                <asp:Button ID="btnRegister" runat="server" Text="免费注册" CssClass="btn1"/>
                            
                        <div class="tex1">
                            <p>已有账号？<a href="deng.aspx">现在登录</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>





     <script>
        // 图形验证码点击刷新
        var captcha = $$(".captcha");
        var captchaSrc = captcha.attr('src');
        captcha.on('click', function () {
            $$(this).attr("src", captchaSrc + "?r=" + Math.random());
        })
     </script>


</body>
</html>
